<template>
	<tab-bar>
		<tab-bar-item path="/Home">
			<template v-slot:item>
				<img src="" alt="" class="iconfont icon-shouye" id="tabbar-item-icon">
				<div> 首页 </div>
			</template>
		</tab-bar-item>
	
		<tab-bar-item path="/Category">
			<template v-slot:item>
				<img src="" alt="" class="iconfont icon-fenlei" id="tabbar-item-icon">
				<div> 分类 </div>
			</template>
		</tab-bar-item>
	
		<tab-bar-item path="/Cart">
			<template v-slot:item>
				<img src="" alt="" class="iconfont icon-gouwu" id="tabbar-item-icon">
				<div> 购物车 </div>
			</template>
		</tab-bar-item>
	
		<tab-bar-item path="/Profile">
			<template v-slot:item>
				<img src="" alt="" class="iconfont icon-wode" id="tabbar-item-icon">
				<div> 我的 </div>
			</template>
		</tab-bar-item>
	
	</tab-bar>
</template>

<script>
	import TabBar from './tabbar/TabBar.vue'
	import TabBarItem from './tabbar/TabBarItem.vue'
	
	export default{
		name:'TabBarComponent',
		components:{
			TabBar,
			TabBarItem
		}
	}
</script>

<style>
</style>
